body {
  font-family: "Microsoft YaHei";
}
a {
  text-decoration: none !important;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
}
a:hover {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
               font-weight: bold;
}
input,input:focus {
  outline: none;
}
@media (min-width: 1480px) {
  .container {
    width: 1450px;
  }
}
.dh-top .navbar-brand {
  height: 120px;
  padding: 15px 0px 15px 15px;
}
.dh-top {
  background-color: transparent;
  border-color: transparent;
}

@media (min-width: 767.78px) {
  .dh-top .navbar-nav > li > a {
    color: white;
    font-size: 16px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 14px;
    margin-left: 8px;
    margin-right: 8px;
  }
  .dh-top .navbar-nav > li.tel > a {
    font-weight: 600;
    font-size: 20px;
    color: #fe0000;
    margin-right: 0px;
  }
  .dh-top .navbar-nav > li.tel img {
    margin-right: 6px;
    margin-top: -5px;
  }
  .dh-top .navbar-nav > .active > a,
  .dh-top .navbar-nav > .active > a:focus,
  .dh-top .navbar-nav > .active > a:hover {
    background-color: transparent;
    border-bottom: 1px solid #fff;
  }
  .dh-top .navbar-nav li:hover > .dropdown-menu {
    display: block;
  }
  .dh-top .dropdown-menu {
    background: transparent;
    right: -41%;
    text-align: center;
  }
  .dh-top .dropdown-menu a {
    color: #fff;
  }
  .dh-top .dropdown-menu a:hover {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    background-color: transparent;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
  }
  .dh-top .top-phone {
    margin-top: 35px;
  }
}
@media (min-width: 992.78px) {
  .dh-top .navbar-nav > li > a { 
    font-size: 15px;   
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .dh-top .navbar-nav > li > a { 
    font-size: 15px;   
    margin-left: 8px;
    margin-right: 8px;
  }
  .dh-top .top-phone {
    margin-top: 50px;
  }
}
@media (min-width: 1480px) {
  .dh-top .navbar-nav > li > a { 
    font-size: 16px;   
    margin-left: 15px;
    margin-right: 15px;
  }
}

.dh-top .top-phone a {
  color: #fe0000 !important;
}
.dh-top .top-phone img {
  margin-right: 10px;
  margin-top: -6px;
}
.dh-top .navbar-brand > img {
  max-height: 100%;
}
.i-bg {
  height: calc(100vh - 80px);
  background: url("../img/bg.jpg") no-repeat center center;
  background-size: 100% 100%;
}
.i-bg p {
  margin-top: 350px;
  color: white;
  font-size: 48px;
  line-height: 70px;
  font-weight: bold;
  text-align: center;
}
.p-bg {
  height: calc(100vh - 80px);
  background: url("../img/pro-top.jpg") no-repeat center center;
  background-size: 100% 100%;
}
.ns-bg {
  height: calc(100vh - 80px);
  background: url("../img/ns-bg.jpg") no-repeat center center;
  background-size: 100% 100%;
}
.p-bg .text-box{
  margin-top: 400px;
  color: white;
  text-align: center;
}
.p-bg .text-box p {
  font-size: 48px;
  font-weight: bold;
  margin-bottom:20px;
}
.p-bg .text-box  span{
  font-size: 18px;
}
/* add? */
.p-dec{
  padding:80px 0;
  width:60%;
  text-align: center;
  color:#474747;
}
.p-dec h1{
  font-size: 32px;
  font-weight: bold;
  margin-bottom:20px;
}
.p-dec p{
  font-size: 21px;
  line-height: 37px;
}
.i-zs .red {
  background-color: #fe0000;
  height: 80px;
}
.i-zs .gray {
  background-color: #f4f4f4;
  height: 80px;
}
.i-jy {
  max-width: 1100px;
}
.i-cont-sm {
  padding-top: 60px;
  padding-bottom: 80px;
}
.i-cont {
  padding-top: 100px;
  padding-bottom: 100px;
  max-width: 100%;
}
.i-cont-big {
  padding-top: 120px;
  padding-bottom: 120px;
}
.i-cont .title {
  text-align: center;
}
.i-cont .title .p1 {
  color: #313131;
  font-size: 48px;
  line-height: 50px;
  font-weight: bold;
}
.i-cont .title .p1 span {

  color: #fe0000;

}

.i-cont .title .p2 {

  color: #313131;

  font-size: 18px;

  line-height: 30px;

  max-width: 950px;

  margin: auto;

  margin-top: 30px;

}

.i-jy .pbl {

  margin-top: 90px;

}

.chroma-gallery .chrg-description {

  opacity: 1;

  background: transparent;

}

.chroma-gallery .chrg-item:hover .chrg-description {

  opacity: 1;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

  background: transparent;

}

.chroma-gallery .chrg-item:hover img {

  -webkit-filter: grayscale(0) !important;

          filter: grayscale(0) !important;

  /* transform: scale(1.05); */

}

.chroma-gallery .chrg-description p {

  left: 20px;

  bottom: 40px;

  padding: 0px;

  position: absolute;

  font-weight: bold;

}

.chroma-gallery img {

  -webkit-filter: grayscale(1) !important;

          filter: grayscale(1) !important;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

}

.chroma-gallery .chrg-item:nth-child(4) .chrg-description {

  opacity: 0;

}

.chroma-gallery .chrg-item:nth-child(4) img {

  -webkit-filter: grayscale(0) !important;

          filter: grayscale(0) !important;

}

.chroma-gallery .chrg-item {

  overflow: hidden;

}

.i-lb {

  background: url("../img/lb_bg.jpg") center center no-repeat;

  height: 688px;

  background-color: #fe0000;

}

.i-lb .lb {

  width: 595px;

  height: 370px;

  margin: auto;

  margin-top: 91px;

  position: relative;

}

.i-lb .cover {

  text-align: center;

  position: absolute;

  z-index: 3;

  left: 50%;

  -webkit-transform: translateX(-50%);

     -moz-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

       -o-transform: translateX(-50%);

          transform: translateX(-50%);

  top: 134px;

}

.i-lb .cover .div1,

.i-lb .cover .div2 {

  display: inline-block;

  width: 100px;

  height: 100px;

}

.i-lb .cover .div1 {

  background: url("../img/lb_logo.jpg") no-repeat center center #fff;

}

.i-lb .cover .div2 {

  border: 3px solid #fff;

  position: relative;

}

.i-lb .cover .div2 span {

  color: #fff;

  font-size: 14px;

  position: absolute;

  left: 4px;

  bottom: 2px;

  font-style: italic;

  font-weight: bold;

}

.i-lb .carousel-inner::before {

  position: absolute;

  content: "";

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  background-color: white;

  opacity: 0.42;

  z-index: 2;

}

.i-tdsl {

  padding-bottom: 80px;

}

.i-s-pr {

  padding-bottom: 70px;

  max-width: 1340px;

}

.i-tdsl .div1 {

  margin-top: 50px;

}

.i-tdsl .div1 div {

  float: left;

  height: 110px;

  background-color: #ececec;

  text-align: center;

  line-height: 110px;

  overflow: hidden;

  margin-bottom: 20px;

}

.i-tdsl .div1 div img {

  -webkit-filter: grayscale(1);

          filter: grayscale(1);

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

}

.i-tdsl .div1 div img:hover {

  -webkit-filter: grayscale(0);

          filter: grayscale(0);

  -webkit-transform: scale(1.05);

     -moz-transform: scale(1.05);

      -ms-transform: scale(1.05);

       -o-transform: scale(1.05);

          transform: scale(1.05);

}

.i-zx {

  background: url("../img/zx_bg.jpg") no-repeat center center;

  -o-background-size: cover;

     background-size: cover;

  height: 460px;

  text-align: center;

  background-attachment: fixed;

}

.i-zx .p1 {

  color: #fff;

  font-size: 54px;

  line-height: 30px;

  margin-top: 110px;

  font-weight: bold;

}

.i-zx .p2 {

  color: #fff;

  font-size: 16px !important;

  line-height: 30px;

  margin-top: 30px;

}

.i-zx .a1 {

  color: #fe0000;

  font-size: 20px;

  background-color: #fff;

  display: inline-block;

  width: 186px;

  height: 46px;

  border-radius: 16px;

  line-height: 46px;

  margin-top: 58px;

  font-weight: bold;

}

.i-imgs .div1 {

  margin-top: 58px;

  text-align: center;

}

.i-imgs .div1 div {

  border-right: 2px solid #eeeeee;

  color: #282828;

  font-size: 26px;

  line-height: 33px;

  width: 20%;

  float: left;

}

.i-imgs .div1 div:last-child {

  border-right: none;

}

.i-imgs .div2,

.i-imgs .div3 {

  margin-top: 50px;

}

.i-imgs .div2 div {

  position: relative;

  margin-bottom: 30px;

  overflow: hidden;

}

.i-imgs .div2 div img {

  width: 100%;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

}

footer {

  padding: 50px 0px;

  background-color: #303030;

}

footer .img1 {

  display: block;

  margin-bottom: 20px;

}

footer .div1 {

  border-top: 2px solid #606060;

  padding-top: 40px;

  margin-bottom: 40px;

}

footer .div1 a,

footer .span1,

footer .div2 {

  color: #fff;

  opacity: 0.7;

}

footer .div1 a {

  font-size: 14px;

  display: block;

  float: left;

  width: 33.33%;

  line-height: 35px;

}

footer .span1 {

  font-size: 14px;

  line-height: 50px;

}

footer .span2 {

  font-size: 36px;

  font-weight: bold;

  color: #fe0000;

  display: block;

  margin-top: -6px;

}

footer .div2 {

  font-size: 14px;

}

footer .a1 {

  color: #fff;

  width: 330px;

  font-size: 14px;

  line-height: 30px;

  border-radius: 10px;

  display: inline-block;

  max-width: 100%;

  height: 30px;

  padding: 0px 30px;

  margin-top: 30px;

  text-align: left;

  background: #fe0000 url("../img/footer_right.png") no-repeat right center;

}

footer .erweima {

  margin-top: 60px;

}

.footer-btm {

  color: #3e3e3e;

  font-size: 16px;

  padding-top: 20px;

  padding-bottom: 20px;

}

.footer-btm a{

  color:#3e3e3e;

}

.bg-wh {

  background-color: #fff;

}

@media (min-width: 767.78px) and (max-width: 1199.78px) {

  footer .div1 a {

    width: 50%;

  }

  footer .span2 {

    font-size: 24px;

  }

}

@media (min-width: 1199.98px) {

  .i-tdsl .div1 div {

    width: 19%;

    margin-right: 1.25%;

  }

  .i-tdsl .div1 div:nth-child(5n) {

    margin-right: 0;

  }

}

@media (min-width: 991.98px) and (max-width: 1199.98px) {

  .dh-top .navbar-brand {

    height: 100px;

  }

  .i-tdsl .div1 div {

    width: 32%;

    margin-right: 2%;

  }

  .i-tdsl .div1 div:nth-child(3n) {

    margin-right: 0;

  }

  .i-imgs .div1 div {

    font-size: 20px;

  }

}

@media (max-width: 991.98px) and (min-width: 768.98px) {

  .dh-top .navbar-brand {

    height: 100px;

  }

  .i-tdsl .div1 div {

    width: 32%;

    margin-right: 2%;

  }

  .i-tdsl .div1 div:nth-child(3n) {

    margin-right: 0;

  }

  .i-imgs .div1 div {

    font-size: 16px;

  }

}

@media (max-width: 767.78px) {

  .i-zs .red,

  .i-zs .gray {

    height: 50px;

  }

  .dh-top {

    background-color: #222;

    border-color: #080808;

  }

  .dh-top .top-phone {

    text-align: left;

  }

  .dh-top .navbar-brand {

    height: 80px;

  }

  .i-bg,

  .p-bg {

    height: 300px;

  }

  .i-bg p {

    margin-top: 150px;

    font-size: 22px;

    line-height: 36px;

  }

  .p-bg .text-box{

    margin-top:150px;

  }

  .p-bg .text-box p{

    font-size: 22px;

  }

  .p-bg .text-box span{

    font-size: 14px;

  }

  .p-dec{

    width:90%;

    padding:50px 0;

  }

  .p-dec h1{

    font-size: 22px;

  }

  .p-dec p{

    font-size: 14px;

  }

  .i-cont,

  .i-cont-sm {

    padding-top: 20px;

    padding-bottom: 20px;

  }

  .i-cont-big {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .i-cont .title {

    text-align: center;

  }

  .i-cont .title .p1 {

    font-size: 20px;

    line-height: 24px;

  }

  .i-cont .title .p2 {

    font-size: 14px;

    line-height: 20px;

  }

  .i-jy .pbl {

    margin-top: 30px;

  }

  .i-tdsl .div1 div {

    width: 100%;

  }

  footer .erweima {

    margin-top: 0px;

  }

}

/* service */

.s-bg {

  /* height: 930px; */

  background: url("../img/fw_bg.jpg");

  background-repeat: no-repeat;

  background-size: 100% 100%;

}

.intros {

  width: 450px;

  max-width: 100%;

}

.s-bg .div1 {

  margin-top: 35%;

}

.fw-top-img {

  width: 120%;

  max-width: none;

  /* margin-left: -10%; */

  margin-top: 45%;

}

@media (min-width: 1800.78px) {

  .fw-top-img {

    width: 150%;

    max-width: none;

    margin-left: -25%;

    margin-top: 100px;

    margin-bottom:-75px;

  }

}

#pro{

  margin-bottom:50px;

}

@media (max-width: 1800.78px) and (min-width: 1480.78px) {

  .fw-top-img {

    width: 125%;

    max-width: none;

    /* margin-left: -10%; */

    margin-top: 100px;

    margin-bottom:-75px;

  }

}

@media (max-width: 991.78px) and (min-width: 768.78px) {

  .s-bg .div1 {

    margin-top: 200px;

  }

  .s-bg .intros {

    width: 100%;

    padding-bottom: 60px;

  }

}

.intros .p1 {

  color: #fff;

  font-weight: bold;

  font-size: 40px;

  line-height: 26px;

  margin-bottom: 26px;

}

.intros .p2 {

  color: #fff;

  font-size: 16px;

  line-height: 24px;

  margin-bottom: 30px;

  opacity: 0.95;

}

.intros a {

  color: #343434;

  font-size: 16px;

  display: inline-block;

  background-color: #fff;

  padding: 6px 10px;

  border-radius: 6px;

  margin-bottom: 14px;

  margin-right: 3px;

}

.intros a:hover {

  background-color: #fe0000;

  color: #fff;

  -webkit-transform: none;

     -moz-transform: none;

      -ms-transform: none;

       -o-transform: none;

          transform: none;

  font-weight: normal;

}

.intros-wh .p1,

.intros-wh .p2 {

  color: #3e3e3e;

}

.intros-wh a {

  border: 1px solid #3b3b3b;

}

.intros-wh a:hover {

  border-color: #fe0000;

}

.intros-yw a {

  background: transparent;

}

.s-normal {

  padding-top: 80px;

  padding-bottom: 80px;

  /* overflow: hidden; */

}

.s-xt .s-normal {

  padding-top: 50px;

  padding-bottom: 50px;

}

.s-wxx {

  padding-top: 30px;

  padding-bottom: 80px;

}

.s-ys .div1 {

  margin-top: 15%;

}

.s-wxx .div1 {

  margin-top: 30%;

}

.s-wx {

  background-color: #ff4040;

}

.intros-red a {

  color: #fff;

  border: 1px solid #fff;

  background-color: #ff4040;

}

.intros-red a:hover {

  color: #ff4040;

  border: 1px solid #ff4040;

  background-color: #fff;

}

.s-wx .div1 {

  margin-top: 18%;

}

.s-wx .s-normal {

  padding-top: 160px;

  padding-bottom: 160px;

}

.s-xt {

  background-color: #c4ecf7;

}

.s-gs .fa {

  position: relative;

  overflow: hidden;

  cursor: pointer;

}

.s-gs .fa img {

  /* transition: all 300ms; */

}

.s-gs .fa img:hover {

  /* transform: scale(1.05); */

}

.s-gs .fa img {

  width: 100%;

}

.s-gs .fa span {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

     -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

       -o-transform: translateY(-50%);

          transform: translateY(-50%);

  color: #ffffff;

  font-size: 50px;

  font-weight: bold;

  display: block;

  width: 100%;

  text-align: center;

}

.s-btm {

  text-align: center;

  padding: 38px 0px;

  font-size: 26px;

  color: #6a6767;

}

.s-btm .jt {

  display: inline-block;

  width: 18px;

  height: 8px;

  background: url("../img/jt.png") no-repeat center center;

  margin: 0px 12px 5px 10px;

}

.s-btm .red {

  color: #f70b0b;

}

@-webkit-keyframes FromBtm {

  0% {

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@-moz-keyframes FromBtm {

  0% {

    -moz-transform: translateY(100%);

         transform: translateY(100%);

  }

  100% {

    -moz-transform: translateY(0);

         transform: translateY(0);

  }

}

@-o-keyframes FromBtm {

  0% {

    -o-transform: translateY(100%);

       transform: translateY(100%);

  }

  100% {

    -o-transform: translateY(0);

       transform: translateY(0);

  }

}

@keyframes FromBtm {

  0% {

    -webkit-transform: translateY(100%);

       -moz-transform: translateY(100%);

         -o-transform: translateY(100%);

            transform: translateY(100%);

  }

  100% {

    -webkit-transform: translateY(0);

       -moz-transform: translateY(0);

         -o-transform: translateY(0);

            transform: translateY(0);

  }

}

.from-bottom {

  -webkit-animation: FromBtm 1200ms 1;

     -moz-animation: FromBtm 1200ms 1;

       -o-animation: FromBtm 1200ms 1;

          animation: FromBtm 1200ms 1;

}



/* .s-wx img {

  max-width: none;

  width: 110%;

  margin-left: -10%;

} */

@media (min-width: 767.78px) {

  .pc-ter {

    text-align: center;

    padding-right: 0px;

  }

}

@media (min-width: 767.78px) and (max-width: 991.78px) {

  .s-gs .fa span {

    font-size: 30px;

  }

  .s-btm {

    font-size: 18px;

  }

}

@media (max-width: 767.78px) {

  .intros {

    width: 100%;

  }

  .s-bg .div1 {

    margin-top: 175px;

  }

  .s-bg {

    min-height: 600px;

  }

  .s-normal,

  .s-wx .s-normal {

    padding-top: 50px;

    padding-bottom: 50px;

  }

  .s-ys .div1 {

    margin-top: 0px;

    margin-bottom: 30px;

  }

  .s-wx .div1 {

    margin-top: 30px;

  }

  .s-gs .fa span {

    font-size: 20px;

  }

  .s-btm {

    font-size: 14px;

  }

  .s-btm .jt {

    margin: 0px auto;

  }

}

/* 首页 */

.vedio {

  position: fixed;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  z-index: -1;

  height: 100%;

}

.vedio:after {

  position: absolute;

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  opacity: 0.47;

  background-color: black;

  content: "";

}

.i-top,

html,

body {

  width: 100%;

  height: 100%;

}

.i-top {

  position: relative;

}

.i-top .log {

  position: absolute;

  bottom: 0px;

  left: 50%;

  -webkit-transform: translateX(-50%);

     -moz-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

       -o-transform: translateX(-50%);

          transform: translateX(-50%);

}

.i-top .word {

  margin-top: 29%;

  max-width: 100%;

  width: 650px;

}

.i-top .line {

  height: 150px;

  width: 2px;

  background-color: #fff;

  margin-top: 20px;

  margin-right: 30px;

}

.i-top .line,

.i-top .div1 {

  float: left;

}

.i-top .div1 {

  color: white;

  width: 90%;

}

.i-top .div1 .p1 {

  font-size: 16px;

}

.i-top .div1 .p2 {

  font-size: 30px;

  font-weight: bold;

  line-height: 30px;

}

.i-top .div1 .p3 {

  font-size: 48px;

  font-weight: bold;

  line-height: 40px;

  margin-bottom: 20px;

}

.i-top .div1 .p4 {

  line-height: 26px;

  font-size: 18px;

}

.i-pro-list {

  margin-top: 70px;

}
.video-img img{
  max-width:200% !important;
  height:100%;
  margin-left:-280px;
}
@media (max-width: 767.78px){
  .vedio{
    height:80%;
  }
  .i-top{
    height:80%;
  }
  .dh-top .navbar-brand{
    height:60px;
    padding:10px;
  }
  .navbar-toggle{
    margin-top:15px;
  }
}

.pro-list-ev {

  width: 18%;

  background: #fff;

  float: left;

  cursor: pointer;

}

.pro-list-ev .top {

  height: 160px;

  background-color: #e4e5e5;

  text-align: center;

  padding-top: 30px;

  border-right: 1px solid #dcdbdb;

  border-left: 1px solid #dcdbdb;

}

.pro-list-ev .top .p1 {

  font-size: 18px;

  font-weight: bold;

  color: #282828;

  margin-top: 14px;

  margin-bottom: 4px;

}

.pro-list-ev .top .p2 {

  font-size: 14px;

  color: #282828;

  opacity: 0.8;

}

.pro-list-ev .bottom {

  height: 375px;

}

.pro-list-ev .btm1 {

  padding-top: 45px;

  text-align: center;

  font-size: 16px;

  color: #282828;

  font-weight: bold;

  height: 100%;

  border-bottom: 2px solid #dcdbdb;

  border-right: 1px solid #dcdbdb;

  border-left: 1px solid #dcdbdb;

}

.pro-list-ev .btm1 p {

  margin-bottom: 20px;

}

.pro-list-ev .active {

  display: none;

}



.pro-list-ev.active {

  width: 28%;

  box-shadow: 0 0 15px #ffd1d1;

  position: relative;

  /* transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); */

  /* transition: all 300ms; */

}

.pro-list-ev.active .top {

  background-color: #fe0000;

  /* transition: all 300ms; */

}

.pro-list-ev.active img.active {

  display: inline;

}

.pro-list-ev.active div.active {

  display: block;

}

.pro-list-ev.active .unactive {

  display: none;

}

.pro-list-ev.active .top .p1,

.pro-list-ev.active .top .p2 {

  color: #fff;

}

.pro-list-ev.active .top {

  height: 180px;

  margin-top: -20px;

  border-right: 1px solid #fe0000;

  border-left: 1px solid #fe0000;

}

.pro-list-ev.active .btm2 {

  border-bottom: 2px solid #fe0000;

  border-right: 2px solid #fe0000;

  border-left: 2px solid #fe0000;

  height: 100%;

  overflow: hidden;

}

.pro-list-ev.active .btm2 .div1 {

  color: #000000;

  font-size: 14px;

  line-height: 22px;

  padding: 30px 30px;

  height: 170px;

  /* height: 170px;

  width: 390px;

  max-width: 155.56%; */

}

.pro-list-ev.active .btm2 > div {

  -webkit-animation: fadeInUp 300ms 1;

     -moz-animation: fadeInUp 300ms 1;

       -o-animation: fadeInUp 300ms 1;

          animation: fadeInUp 300ms 1;

}



.pro-list-ev.active .btm2 .div2 {

  background-color: #ebebed;

  height: 2px;

  width: 95%;

}

.pro-list-ev.active .btm2 .div3 {

  width: 90%;

  margin: auto;

}

.pro-list-ev.active .btm2 .div3 > div {

  width: 50%;

  float: left;

  text-align: center;

}

.pro-list-ev.active .div3 .p3 {

  font-size: 28px;

  color: #000000;

  font-weight: bold;

  margin-top: 24px;

}

.pro-list-ev.active .div3 .p4 {

  font-size: 14px;

  color: #000000;

  opacity: 0.6;

  margin-bottom: 30px;

}

.pro-list-ev.active .div3 .a1 {

  display: inline-block;

  padding: 4px 20px;

  line-height: 30px;

  color: #fe0000;

  font-size: 16px;

  border-radius: 10px;

  border: 1px solid #fe0000;

}

.pro-list-ev.active .div3 .a1:hover {

  -webkit-transform: none;

     -moz-transform: none;

      -ms-transform: none;

       -o-transform: none;

          transform: none;

  background-color: #fe0000;

  color: white;

  font-weight: normal;

}

.i-lgs .row > div {

  position: relative;

}

.i-lgs .cover {

  position: absolute;

  left: 0px;

  right: 0px;

  top: 0px;

  bottom: 0px;

  background-color: rgba(0, 0, 0, 0.56);

  -webkit-transition: all 600ms;

  -o-transition: all 600ms;

  -moz-transition: all 600ms;

  transition: all 600ms;

}

.i-lgs .cover a{

  color:#fff;

}

.i-lgs .row > div:hover > .cover {

  background-color: rgba(230, 0, 0, 0.79);

}

.i-lgs .row > div:hover > .cover > div {

  -webkit-animation: show 800ms 1;

     -moz-animation: show 800ms 1;

       -o-animation: show 800ms 1;

          animation: show 800ms 1;

}

.i-lgs .row > div:hover .hidden {

  display: block !important;

}

.i-lgs .cover > div {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

     -moz-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

       -o-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  text-align: center;

  font-size: 20px;

  color: white;

}

.i-lgs .cover .jt {

  display: inline-block;

  width: 60px;

  height: 20px;

  background: url("../img/jt_b.png") no-repeat center;

}

.i-lgs .row > div > img {

  width: 100%;

}

.i-lgs .row > div {

  padding: 0px;

}

.i-cont .title .sml {

  font-size: 40px;

}

.index-zx > .container,

.index-zx .carousel,.index-zx .carousel-inner {

  height: 100%;

}

.index-zx .p1 {

  font-size: 42px;

}

.index-zx .p2 {

  max-width: 80%;

  margin: auto;

  margin-top: 40px;

  font-size: 20px;

}

.index-zx .carousel-control.right,

.index-zx .carousel-control.left {

  background: none;

}

.index-news h3 {

  font-size: 48px;

  font-weight: bold;

  color: #282828;

}

.index-news .news-img {

  display: block;

  width: 100%;

  margin-top: 40px;

  margin-bottom: 20px;

}

.index-news .p1 {

  font-size: 24px;

  color: #282828;

  opacity: 0.9;

}

.index-news .p2 {

  font-size: 14px;

  color: #282828;

  opacity: 0.6;

}

.index-news .btns a {

  display: inline-block;

  padding: 8px 20px;

  color: #282828;

  font-size: 18px;

  border: 1px solid #fe0000;

}

.index-news .btns a::before {

}

.index-news .btns {

  margin-top: 20px;

}

.index-news .btns a:hover {

  background-color: #fe0000;

  color: white;

  -webkit-transform: none;

     -moz-transform: none;

      -ms-transform: none;

       -o-transform: none;

          transform: none;

}

.index-news .btns a:first-child {

  margin-right: 16px;

}

.news-ev {

  margin-bottom: 10%;

  display: block;

  overflow: hidden;

}

.news-ev:last-child{

  margin-bottom:0;

}

.news-ev .p3,

.news-ev .p4 {

  text-align: right;

  line-height: 55px;

  margin-bottom: 0px;

}

.news-ev .p3 {

  color: #282828;

  font-size: 30px;

  font-weight: bold;

}

.news-ev .p4 {

  color: #282828;

  font-size: 20px;

}

.news-ev .div1,

.news-ev .div2 {

  height: 55px;

  line-height: 55px;

  padding-left: 20px;

}

.news-ev .div1 {

  border-left: 2px solid #454545;

  font-size: 24px;

  color: #282828;

  white-space: nowrap;

}

.news-ev .div2 {

  border-left: 2px solid #f5f5f5;

  font-size: 16px;

  color: #282828;

}

@media screen and (min-width: 768px) {

  .index-zx .carousel-control .glyphicon-chevron-left,

  .index-zx .carousel-control .glyphicon-chevron-right,

  .index-zx .carousel-control .icon-next,

  .index-zx .carousel-control .icon-prev {

    font-size: 50px;

  }
  .index-zx .carousel-control .glyphicon-chevron-left{
     margin-left:-80px;
  }
  .index-zx .carousel-control .glyphicon-chevron-right{
    margin-right:-80px;
  }

}

@media (max-width: 1200.98px) {

  .news-ev .p3 {

    font-size: 18px;

  }

  .news-ev .p4 {

    font-size: 16px;

  }

  .news-ev .div1,

  .news-ev .div2 {

    padding-left: 10px;

  }

  .news-ev .div1 {

    font-size: 14px;

  }

  .news-ev .div2 {

    font-size: 12px;

  }

  .pro-list-ev.active,

  .pro-list-ev {

    width: 100%;

    margin-bottom: 20px;

    margin-top: 20px;

  }

  .pro-list-ev.active .btm2 .div1 {

    width: 100%;

  }

}

@media (max-width: 767.78px) {

  .i-top .word {

    margin-top: 40%;

  }

  .i-top .div1 .p1 {

    font-size: 12px;

  }

  .i-top .div1 .p2 {

    font-size: 20px;

    line-height: 30px;

  }

  .i-top .div1 .p3 {

    font-size: 30px;

    line-height: 30px;

  }

  .i-top .div1 .p4 {

    line-height: 24px;

    font-size: 16px;

  }

  .index-zx {

    height: 350px;

    padding: 30px 0px;

  }

  .index-zx .p1 {

    font-size: 18px;

    margin-top: 0px;

  }

  .index-zx .p2 {

    font-size: 14px;

  }

  .index-zx .carousel-control.right,

  .index-zx .carousel-control.left {

    display: none;

  }

  .index-news h3 {

    font-size: 24px;

  }

  .index-news .news-img {

    margin-top: 20px;

    margin-bottom: 20px;

  }

  .index-news .p1 {

    font-size: 16px;

  }

  .i-cont .title .sml {

    font-size: 20px;

  }

  .i-imgs .row img {

    margin-bottom: 15px;

    width: 100%;

  }

  .news-ev:first-child {

    margin-top: 10%;

  }

  .news-ev .p3,

  .news-ev .p4 {

    text-align: center;

  }

  .news-ev .div-left,

  .news-ev .div-right {

    padding: 0px 0px;

  }

  .index-zx .p2 {

    max-width: 100%;

    margin-top: 20px;

  }

  .i-zx .a1 {

    margin-top: 20px;

  }

}

@media (max-width: 500.78px) {

  .news-ev .div1 {

    font-size: 12px;

  }

}

/* 联系我们 */

.c-bg {

  background: url("../img/contact_bg.jpg") no-repeat top center;

  background-size: 100% 100%;

  height: calc(100vh - 80px);

  background-attachment: fixed;

}

@media (max-width: 1480.78px) and (min-width: 1199.78px) {

  .c-bg {

    height: calc(100vh - 80px);    

  }

}





.c-bg .div1 {

  color: #fff;

  font-size: 48px;

  font-weight: bold;

  padding-top: 630px;

}

.c-title {

  color: #323232;

  font-size: 34px;

  font-weight: bold;

}

.c-title p {

  margin-bottom: 20px;

}

.c-title p span {

  color: #fe0000;

}

.c-title .div1 {

  width: 180px;

  height: 2px;

  background-color: #fe0000;

  margin: 32px 0px 48px;

}

.c-forms .forms input,

.c-forms .forms textarea {

  height: 40px;

  line-height: 40px;

  border: 1px solid #dcdcdc;

  color: #848484;

  font-size: 16px;

  display: block;

  max-width: 1100px;

  width: 100%;

  padding-left: 12px;

  margin-bottom: 15px;

}

.c-forms .forms textarea {

  height: 120px;

  resize: none;

}

.c-forms .forms .input-yzm {

  max-width: 230px;

  display: inline-block;

}

.c-forms .forms .submit-btn {

  display: block;

  font-size: 16px;

  line-height: 40px;

  color: white;

  background-color: #fe0000;

  text-align: center;

  width: 230px;

  border: none;

}

.c-forms {

  padding-bottom: 70px;
  padding-top:0;

}

.c-map {

  position: relative;

}

.c-map::after {

  content: "";

  position: absolute;

  left: 0px;

  right: 0px;

  top: 0px;

  bottom: 0px;

  background-color: black;

  opacity: 0.65;

}

.c-map .div1 {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

     -moz-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

       -o-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  width: 160px;

  text-align: center;

  color: white;

  z-index: 3;

  cursor: pointer;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

}

.c-map iframe {

  /* -webkit-filter: grayscale(1);

          filter: grayscale(1); */

}

.c-map .div1:hover {

  color: #fe0000;

}

.c-map .div1:hover .span2 {

  border: 1px solid #fe0000;

}

.c-map .div1 .span1 {

  font-size: 70px;

}

.c-map .div1 .span2 {

  display: block;

  margin-top: 30px;

  font-size: 16px;

  border: 1px solid #fff;

  line-height: 32px;

}

.c-map .div1 .span2 span {

  vertical-align: middle;

}

.map-modal button.close {

  position: absolute;

  right: 10px;

  top: 10px;

}

.map-modal .modal-content {

  height: 500px;

}

.c-local {

  margin-top: 40px;

}

.c-local p:first-child {

  margin-bottom: 30px;

}

.c-local p {

  font-size: 22px;

  color: #676767;

}

.c-local p span {

  color: #fe0000;

}

@media (max-width: 1199.78px) and (min-width: 991.78px) {

  .c-bg {

    height: 600px;

  }

  .c-bg .div1{

    padding-top: 500px;

  }

}

@media (max-width: 991.78px) and (min-width: 767.78px) {

  .c-bg {

    height: 500px;

  }

  .dh-top .navbar-nav > li > a {

    margin-left: -6px;

  }

  .c-bg .div1{

    padding-top: 400px;

  }

}

/* 通用 联系我们 */

.bg-gray {

  background-color: #e7e7e7;

}

.i-ct {

  padding-top: 85px;

  padding-bottom: 85px;

}

.i-ct .c-inputs input {

  width: 100%;

  border: none;

  height: 60px;

  background-color: #fff;

  font-size: 16px;

  line-height: 60px;

  padding-left: 20px;

}

.i-ct .c-inputs .c-btn {

  border: none;

  background-color: #fe0000;

  color: #fff;

  font-size: 16px;

  display: block;

  width: 100%;

  line-height: 60px;

  height: 60px;

}

@media (min-width: 767.78px) {

  .phone-right {

    text-align: right;

  }

}

@media (max-width: 767.78px) {

  .c-bg {

    height: 300px;
    background-position: center center;
    background-attachment: unset;
  }

  .c-bg .div1 {

    font-size: 20px;

    padding-top: 230px;

  }

  .c-title {

    font-size: 20px;

  }

  .c-title p {

    margin-bottom: 10px;

  }

  .c-title .div1 {

    margin: 22px 0px 28px;

  }

  .phone-right img {

    width: 100%;

  }

  .i-ct {

    padding-top: 35px;

    padding-bottom: 35px;

  }

  .i-ct .c-inputs input {

    margin-bottom: 10px;

  }

}

/* solve */

.solve-bg {

  background: url("../img/solve_bg.jpg") no-repeat;

  background-size: 100% 100%;

}

.solve-bg .div2 {

  padding-top: 18%;

  color: #fff;

  max-width: 670px;

}

.solve-bg .div2 .p1 {

  font-size: 48px;

  font-weight: bold;

  margin-bottom: 40px;

}

.solve-bg .div2 .p2 {

  font-size: 18px;

  line-height: 26px;

  margin-bottom: 40px;

}

.solve-bg .div2 .a1 {

  display: block;

  line-height: 40px;

  font-size: 18px;

  width: 130px;

  text-align: center;

  color: #fff;

  background:#fe0000;

}

.solve-pro-all {

  margin-top: 50px;

}

.solve-pro-ev {

  padding: 35px 3%;

  color: #000000;

  text-align: center;

}

.solve-pro-ev:not(:last-child) {

  border-right: 2px solid #dedede;

}

.solve-pro-ev img {

  display: block;

  margin: auto;

  margin-bottom: 40px;

}

.solve-pro-ev .p1 {

  font-size: 20px;

  font-weight: bold;

}

.solve-pro-ev .p2 {

  font-size: 16px;

  line-height: 28px;

  min-height: 100px;

}

.solve-zx {

  background-image: url("../img/sp_bg.jpg");

  height: 500px;

}

.solve-zx .p1 {

  font-size: 48px;

  margin-top: 80px;

}

.solve-zx .p2 {

  font-size: 20px;

}

.solve-zx .p3 {

  font-size: 18px;

  line-height: 28px;

  color: #fff;

  max-width: 700px;

  margin: auto;

  margin-top: 40px;

}

.solve-ts .p1 {

  font-size: 22px;

  font-weight: bold;

}

.solve-ts .p2 {

  font-size: 16px;

  line-height: 22px;

  margin-bottom: 10px;

  min-height: 70px;

}

.solve-ts {

  margin-top: 50px;

}

.solve-ts .img1 {

  margin-top: 50px;

}

.solve2-bg {

  background-image: url("../img/solve2_bg.jpg");

}

.solve2-pro-all {

  margin-top: 50px;

  padding-bottom: -30px;

}

.solve2-pro-ev {

  font-size: 18px;

  color: #2d2c2f;

  font-weight: bold;

  margin-bottom: 30px;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

}

.solve2-pro-ev {

  text-align: center;

  font-size: 18px;

  color: #2d2c2f;

  border: 1px solid #dadada;

  padding: 60px 0px;

}

.solve2-pro-ev .active {

  display: none;

}

.solve2-pro-ev p {

  margin-top: 30px;

  margin-bottom: 0px;

  font-weight: 500;
  color:#000;

}

.solve2-pro-ev:hover {

  color: #fff;

  background-color: #fe0000;

}
#qiao_gloglewmz:hover p{color: #fff;}

.solve2-pro-ev:hover .active {

  display: inline;

}

.solve2-pro-ev:hover .unactive {

  display: none;

}

.solve2-email {

  background-image: url("../img/yx_bg.jpg");

  background-attachment: fixed;

  /* margin-right: -10px;

  margin-left: -10px; */

}

/* .solve2-email > div {

  padding-right: 10px;

  padding-left: 10px;

} */

.solve2-email .title .p1 {

  color: #fff;

}

.solve2-email {

  margin-top: 50px;

}

.solve2-email .div1 {

  background-color: #fff;

  margin-bottom: 24px;

  color: #2f2f2f;

  padding: 40px 14px;

  height: 212px;

}

.solve2-email .div1 .p1 {

  font-size: 24px;

  font-weight: bold;

  margin-bottom: 16px;

}

.solve2-email .div1 .p2 {

  font-size: 16px;

  line-height: 24px;

}

.solve2-kfal {

  max-width: 1250px;

}

.solve2-kfal .div1 {

  margin-top: 50px;

}

.solve2-kfal .div2 {

  background-color: #fff;

  padding: 50px 30px;

}

.solve2-kfal .div2 img {

  margin: auto;

  display: block;

  margin-bottom: 12px;

}

.solve2-kfal .div2 .p1 {

  font-size: 18px;

  color: #3c3c3c;

  font-weight: bold;

  margin-bottom: 20px;

}

.solve2-kfal .div2 .p2 {

  font-size: 16px;

  color: #3c3c3c;

  line-height: 24px;

  min-height: 180px;

  border-bottom: 2px solid #f4f4f4;

  opacity: 0.8;

}

.solve2-kfal .div3 {

  font-size: 14px;

  color: #3c3c3c;

  opacity: 0.8;

  margin-top: 20px;

}

.solve2-kfal .div3 span {

  color: #fe0000;

}

.solve2-redbg {

  height: 300px;

  margin-bottom: -150px;

  background-color: #fe0000;

  position: relative;

}

.solve2-khbz {

  background-color: #fff;

  position: relative;

  border: 1px solid #dedede;

}

.solve2-khbz .div1 {

  max-width: 500px;

  margin: auto;

}

.solve2-khbz .div1 img {

  margin: auto;

  display: block;

}

.solve2-khbz .p1 {

  font-size: 20px;

  color: #000000;

  font-weight: bold;

  text-align: center;

}

.solve2-khbz .p2 {

  font-size: 16px;

  color: #000000;

}

.solve2-khbz .p2:first-child {

  margin-top: 35px;

}

.solve2-khbz .div2 {

  margin-top: 50px;

}

.email-ed {

  margin-top: 90px;

}

.email-ed .div1 {

  border: 1px solid #e4e4e4;

  padding: 4% 4%;

  color: #3c3c3c;

}

.email-ed .div1.active {

  border: none;

  padding: 4% 4%;

  color: #fff;

  background-color: #fe0000;

  border-bottom: 2px solid #fe0000;

  position: relative;

}

.email-ed .div1.active .div2 {

  height: 25px;

  background-color: #fe0000;

  position: absolute;

  top: -25px;

  width: 100%;

  left: 0px;

}

.email-ed .div1 .p1 {

  font-size: 30px;

  font-weight: bold;

  text-align: center;

}

.email-ed .div1 .p2 {

  font-size: 16px;

  margin-bottom: 60px;

  text-align: center;

}

.email-ed .div1 .p3 {

  font-size: 16px;

  margin-bottom: 20px;

}

.email-ed .div1 .p3 span {

  font-weight: bold;

}

.email-ed .div1.active .a1 {

  border: 1px solid #fff;

  color: #fff;

}

.email-ed .div1 .a1 {

  font-size: 16px;

  font-weight: bold;

  display: block;

  width: 140px;

  line-height: 40px;

  border: 1px solid #3c3c3c;

  color: #3c3c3c;

  text-align: center;

  margin: 30px auto 0px;

}

.email-ed .div-p3 {

  height: 220px;

}

.solve3-bg {

  background-image: url("../img/zb_bg.jpg");

}

.zb-pt {

  background-color: #fe0000;

  padding: 70px 0px;

  color: #fff;

  text-align: center;

}

.zb-pt .title {

  font-size: 48px;

  font-weight: bold;

  margin-bottom: 48px;

}

.zb-pt .div2 {

  width: 120px;

  height: 120px;

  line-height: 120px;

  text-align: center;

  border-radius: 50%;

  border: 1px solid #fff;

  margin: auto;

}

.zb-pt .p1 {

  font-size: 48px;

  font-weight: bold;

  margin-bottom: 0px;

  margin-top: 20px;

}

.zb-pt .p1 span,

.zb-pt .p2 {

  font-size: 18px;

}

.zb-dw {

  height: 530px;

  background: url("../img/zb_bg2.jpg") center center;

}

.zb-dw .div1 {

  position: relative;

  height: 100%;

}

.zb-dw .div2 {

  color: #000;

  font-size: 18px;

  line-height: 20px;

  position: absolute;

}

.zb-dw .div2 .div3 {

  display: inline-block;

  width: 20px;

  height: 20px;

  background-color: #fe0000;

  margin-right: 20px;

  vertical-align: middle;

  margin-top: -3px;

}

.zb-dw .pos1 {

  left: 13%;

  top: 41%;

}

.zb-dw .pos2 {

  left: 19%;

  top: 59%;

}

.zb-dw .pos3 {

  right: 14%;

  top: 34%;

}

.zb-dw .pos4 {

  right: 10%;

  bottom: 26%;

}

.solve4-bg {

  background-image: url("../img/solve4_bg.jpg");

}

.solve4-bg .div2 .p1,

.solve3-bg .div2 .p1 {

  margin-bottom: 20px;

}

.solve3-bg .div2 .p2,

.solve4-bg .div2 .p2 {

  margin-bottom: 28px;

}

.solve4-bg .div2,

.solve3-bg .div2 {

  padding-top: 22%;

}

.solve4-pro-ev {

  padding: 30px 0px;

}

.solve4-pro-ev .p1 {

  font-size: 22px;

  margin-top: 4px;

  margin-bottom: 16px;

}

.solve4-pro-ev .p2 {

  font-size: 16px;

  line-height: 26px;

  padding: 0px 8%;

  margin-top: 0px;

  min-height: 52px;

  font-weight: 500;

}

.bg-gray1 {

  background-color: #f4f4f4;

}

.yzs-img1 {

  margin-top: 30px;

}

.solve4-hlw {

  margin-top: 100px;

}

.solve4-hlw .div1 {

  text-align: center;

  color: #3c3c3c;

}

.solve4-hlw .div1 .p1 {

  font-size: 26px;

  font-weight: bold;

  margin-top: 20px;

}

.solve4-hlw .div1 .p2 {

  font-size: 16px;

}

.solve4-fb {

  padding: 90px 0px;

  background: url("../img/solve4_fb.jpg") center center;

  background-attachment: fixed;

}

.solve4-fb .title .p1 {

  color: #fff;

}

.solve4-fb .p2 {

  font-size: 24px;

  line-height: 28px;

  color: #fff;

  text-align: center;

  padding-top: 40px;

}

.solve4-xw {

  margin-top: 50px;

  color: #3c3c3c;

}

.solve4-xw .p1 {

  font-size: 40px;

  font-weight: bold;

}

.solve4-xw .p2 {

  font-size: 16px;

  line-height: 24px;

}

.solve4-xw .div1 {

  margin-top: 10%;

}

.solve4-xw .div2 {

  margin-bottom: 10%;

}

.solve4-glxq .p1 {

  color: #fe0000;

  margin-top: 10px;

}

.solve4-glxq .div3 {

  padding: 30px 30px;

  border: 2px dashed #a4a4a5;

  border-radius: 16px;

}

.solve4-glxq .p2 {

  font-weight: 500;

}

.solve4-glxq .p2:first-child {

  margin-top: 0px;

}

.solve4-glxq .div3::before {

  content: "";

  width: 44px;

  height: 2px;

  background: url("../img/dashed.jpg");

  position: absolute;

  left: -44px;

  top: 50%;

}

.solve4-glxq .div1 img {

  margin-top: 30%;

}

.solve4-glxq .div4 p {

  line-height: 27px;

}

.solve4-sh .title .p2 {

  max-width: none;

}

.solve4-sh .div1 {

  line-height: 66px;

  background-color: #fe0000;

  font-size: 28px;

  font-weight: bold;

  color: #fff;

  text-align: center;

  border-radius: 30px 0 40px 0;

  margin-top: 30px;

  margin-bottom: 30px;

}

.solve4-sh .div2 {

  padding: 30px 0px 30px;

  text-align: center;

  border: 1px solid #dedede;

  border-radius: 15px;

  margin-bottom: 15px;

  font-size: 20px;

  color: #3c3c3c;

}

.solve4-sh .div2 .p1 {

  font-size: 36px;

  color: #fe0000;

  font-weight: bold;

  line-height: 40px;

  margin-bottom: 0px;

}

.solve4-sh .div2 .p2 {

  font-weight: bold;

}

.solve4-sh .div2 .p3 {

  padding: 8px 5%;

  line-height: 26px;

  text-align: left;

}

.solve4-sh {

  max-width: 1280px;

}

/* 网站建设 */

.build-bg {

  background-image: url("../img/build_bg.jpg");

}

.build-bg .div2 {

  max-width: none;

  padding-top: 28%;

}

.build-bg .div2 .a1 {

  background-color: #fe0000;

  color: white;

  border-color: #fe0000;

}

.build-top {

  max-width: 1200px;

}

.build-top .solve2-pro-ev {

  margin-bottom: 0px;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

}

.build-top .solve2-pro-ev:nth-child(-n + 3) {

  border-top-color: transparent;

}

.build-top .solve2-pro-ev:nth-child(n + 4):nth-child(-n + 6) {

  border-bottom-color: transparent;

}

.build-top .solve2-pro-ev:nth-child(1),

.build-top .solve2-pro-ev:nth-child(4) {

  border-left-color: transparent;

}

.build-top .solve2-pro-ev:nth-child(3),

.build-top .solve2-pro-ev:nth-child(6) {

  border-right-color: transparent;

}

.build-top .solve2-pro-ev:hover {

  border-color: transparent;

  position: relative;

  z-index: 1;

  box-shadow: 0 0 10px #cccccc;

}

.build-wh {

  background-color: #fff;

  position: relative;

  margin: auto;

  max-width: 90%;

}

.build-ys {

  margin-top: 92px;

}

.build-ys .div1 {

  background-color: #f4f4f4;

  font-size: 18px;

  line-height: 26px;

  color: #3c3c3c;

  font-weight: 500;

  padding: 40px 30px 0px;

  height: 160px;

  margin-bottom: 30px;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

}

.build-ys .div1:hover {

  background-color: #fe0000;

  color: #fff;

}

.build-al {

  margin-top: 50px;

}

.build-al > div {

  padding: 15px 15px !important;

}

.build-al .cover {

  left: 15px;

  right: 15px;

  top: 15px;

  bottom: 15px;

}

.build-al .cover a{

  color:#fff;

}

.build-more {

  display: block;

  border: 1px solid #fe0000;

  font-size: 28px;

  font-weight: bold;

  width: 240px;

  text-align: center;

  margin: auto;

  color: #fe0000;

  line-height: 70px;

  margin-top: 3%;

}

.build-more:hover {

  color: #fe0000;

}

.build-xs {

  height: 390px;

  background-image: url("../img/build_zx.jpg");

}

.build-fwlc {

  margin-top: 30px;

}

.build-fwlc .normal {

  width: 14%;

  height: 440px;

  color: #3c3c3c;

  text-align: center;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

}

.build-fwlc .p1 {

  font-size: 62px;

  font-weight: bold;

  padding-top: 60px;

}

.build-fwlc .p2 {

  font-size: 28px;

  padding-top: 70px;

}

.build-fwlc .p3 {

  font-size: 20px;

  padding-top: 80px;

  font-weight: bold;

  color: #fe0000;

}

.build-fwlc .p4 {

  font-size: 16px;

  padding-top: 26px;

  line-height: 24px;

  display: none;

}

.build-fwlc .normal {

  float: left;

}

.build-fwlc .normal:nth-child(2n) {

  background-color: #efefef;

}

.build-fwlc .normal:nth-child(2n + 1) {

  background-color: #f7f7f7;

}

.build-fwlc .active {

  width: 30%;

  background: url("../img/fwlc1.jpg") center center;

  color: white;

}

.build-fwlc .active .p2 {

  padding-top: 30px;

}

.build-fwlc .active .p3 {

  padding-top: 20px;

  color: #fff;

}

.build-fwlc .active .p4 {

  display: block;

}

/* solve */

.solveall-bg .div2 {

  padding-top: 48%;

}

.solveall-bg {

  background-image: url("../img/solve_a_bg.jpg");

}

.space-img {

  margin-top: 25%;

}

.solve-lgs .div1 {

  font-size: 32px;

  font-weight: bold;

  border-top: 2px solid #fff;

  border-bottom: 2px solid #fff;

  padding: 4px 4px;

  display: inline-block;

}

.solve-lgs .p1 {

  font-size: 14px;

  line-height: 26px;

  margin-top: 30px;

  margin-bottom: 30px;

}

.solve-lgs .cover > div {

  width: 100%;

  top: 80%;

  -webkit-transform: translate(-50%, -80%);

     -moz-transform: translate(-50%, -80%);

      -ms-transform: translate(-50%, -80%);

       -o-transform: translate(-50%, -80%);

          transform: translate(-50%, -80%);

}

.solve-lgs .row > a:hover .cover > div {

  top: 55%;

  -webkit-transform: translate(-50%, -55%);

     -moz-transform: translate(-50%, -55%);

      -ms-transform: translate(-50%, -55%);

       -o-transform: translate(-50%, -55%);

          transform: translate(-50%, -55%);

  width: 80%;

}

.solve-lgs .row > a {

  position: relative;

  display: block;

}

.solve-lgs .cover {

  position: absolute;

  left: 0px;

  right: 0px;

  top: 0px;

  bottom: 0px;

  background-color: rgba(0, 0, 0, 0.56);

  -webkit-transition: all 600ms;

  -o-transition: all 600ms;

  -moz-transition: all 600ms;

  transition: all 600ms;

}

.solve-lgs .row > a:hover {

  -webkit-transform: none;

     -moz-transform: none;

      -ms-transform: none;

       -o-transform: none;

          transform: none;

}

.solve-lgs .row > a:hover > .cover {

  background-color: rgba(230, 0, 0, 0.79);

}

.solve-lgs .row > a:hover > .cover > div {

  -webkit-animation: show 800ms 1;

     -moz-animation: show 800ms 1;

       -o-animation: show 800ms 1;

          animation: show 800ms 1;

}

.solve-lgs .row > a:hover .hidden {

  display: block !important;

}

.solve-lgs .row > a > img {

  width: 100%;

}

.solve-lgs .row > a {

  padding: 0px;

}

/* 案例分析 */

.case-bg {

  background-image: url("../img/case_bg.jpg");

}

.case-bg .div2 {

  padding-top: 57%;

  max-width: none;

}

.case-bg .div2 .p1 {

  font-size: 40px;

}

.case-img {

  padding-top: 35%;

}

.dh-pagination {

  text-align: center;

  margin-top: 3%;

}

.dh-pagination li > a,

.dh-pagination li > span {

  color: #fff;

  background-color: #3c3c3c;

  border: none;

  border-radius: 2px;

  margin: 0px 3px;

}

.dh-pagination .pagination > .active > a,

.dh-pagination .pagination > .active > a:focus,

.dh-pagination .pagination > .active > a:hover,

.dh-pagination .pagination > .active > span,

.dh-pagination .pagination > .active > span:focus,

.dh-pagination .pagination > .active > span:hover,

.dh-pagination .pagination > li > a:focus,

.dh-pagination .pagination > li > a:hover,

.dh-pagination .pagination > li > span:focus,

.dh-pagination .pagination > li > span:hover {

  background-color: #fe0000;

  color: #fff;

}

.case-ppgs {

  background: url("../img/case_rbg.jpg") no-repeat center center;

  -o-background-size: cover;

     background-size: cover;

  background-attachment: fixed;

  position: relative;

  z-index: -1;

  height: 630px;

  margin-bottom: -130px;

}

.case-ppgs .title .p1 {

  color: #fff;

}

.case-ppgs .div1 {

  margin: auto;

  margin-top: 50px;

  color: #fff;

  font-size: 16px;

  line-height: 24px;

  max-width: 780px;

  text-align: center;

}

.case-ppgs .div1 p{
  margin:0;
}

.case-ppgs-imgs {

  max-width: 1200px;

  margin: auto;

}

.case-ppgs-imgs img {

  width: 100%;

}

.case-add-class{
  text-align: right;
}

.case-ppgs-word {

  color: #3c3c3c;

}

.case-ppgs-word .red {

  height: 3px;

  width: 60px;

  background-color: #fe0000;

  margin-bottom: 10px;

  display: inline-block;

}

.case-ppgs-word .p1 {

  margin-bottom: 20px;

  font-size: 20px;

  line-height: 24px;

  font-weight: bold;

}

.case-ppgs-word .p2 {

  font-size: 14px;

  line-height: 24px;

}

.case-ppgs-imgs .row:not(:last-child) {

  margin-bottom: 100px;

}

.case-ppgs-word.div1 {

  margin-top: 11%;

}

.case-ppgs-word.div2 {

  /* text-align: right; */

  /* max-width: 320px; */

  float: right;

  margin-top: 16%;

}

.case-ppgs-word.div3 {

  margin-top: 5%;
  margin-left:2%;
  margin-right:5%;

}

.mask-case{
  position: relative;
  margin-top:100px;
}
.mask-case .mask-case-box{
  width:70%;
  height:250px;
  background:#f0f0f0;
  position: absolute;
  right:15px;
  top:-30px;
}



@media (min-width:1480px){

  .case-bg .div2 .p1{

    white-space: nowrap;

  }

}

@media (max-width: 991.98px) and (min-width: 767.98px) {

  .case-bg .div2 {

    padding-top: 24%;

  }

}

@media (max-width: 991.78px) {

  .case-ppgs-word.div1 {

    margin-top: 20px;

  }

  .case-ppgs-word.div2 {

    text-align: left;

    max-width: none;

    float: none;

    margin-top: 20px;

  }

  .case-ppgs-word.div3 {

    margin-top: 20px;

    max-width: none;

  }

  .case-ppgs-imgs .row:not(:last-child) {

    margin-bottom: 20px;

  }

  .case-ppgs {

    height: 500px;

    margin-bottom: 0px;

  }
  .mask-case {
    margin-top: 0;
  }

}

@media (max-width: 767.78px) {

  .case-bg {

    height: 350px;

  }

  .build-top .solve2-pro-ev {

    border: none;

  }

  .case-ppgs {

    height: auto;

  }

}

@media (max-width: 1199.98px) and (min-width: 991.98px) {

  .solve4-sh .div2 .p3 {

    padding: 0px 5%;

    line-height: 22px;

  }

  .build-ys .div1 {

    height: 180px;

  }

  .build-fwlc .p2 {

    font-size: 20px;

  }

  .build-fwlc .p1 {

    font-size: 52px;

  }

  .case-ppgs-word.div1 {

    margin-top: 30%;

  }

  .fw-top-img {

    width: 100%;

    margin-left: 0;

    margin-top: 40%;

  }

  .s-bg .div1{

    margin-bottom: 10%;

  }

  .s-bg .div1{

    margin-top:40%;

  }

  .space-img{

    margin-top: 35%;

  }

}

@media (max-width: 1479.98px) {

  .zb-dw .pos1 {

    left: -webkit-calc(13% - 140px);

    left: -moz-calc(13% - 140px);

    left: calc(13% - 140px);

    top: -webkit-calc(41% - 10px);

    top: -moz-calc(41% - 10px);

    top: calc(41% - 10px);

  }

  .zb-dw .pos2 {

    left: -webkit-calc(19% - 140px);

    left: -moz-calc(19% - 140px);

    left: calc(19% - 140px);

    top: -webkit-calc(59% - 10px);

    top: -moz-calc(59% - 10px);

    top: calc(59% - 10px);

  }

  .zb-dw .pos3 {

    right: -webkit-calc(15% - 140px);

    right: -moz-calc(15% - 140px);

    right: calc(15% - 140px);

    top: -webkit-calc(34% - 10px);

    top: -moz-calc(34% - 10px);

    top: calc(34% - 10px);

  }

  .zb-dw .pos4 {

    right: -webkit-calc(15% - 140px);

    right: -moz-calc(15% - 140px);

    right: calc(15% - 140px);

    bottom: -webkit-calc(26% - 10px);

    bottom: -moz-calc(26% - 10px);

    bottom: calc(26% - 10px);

  }

}

@media (max-width: 991.78px) {

  .solve2-kfal .div2,

  .email-ed .div1 {

    margin: 10px 15px;

    width: 100%;

  }

  .email-ed .div1.active .div2 {

    display: none;

  }

}



@media (max-width: 767.78px) {

  .solve-bg .div2 {

    padding-top: 100px;

  }

  .solve-bg .div2 .p1 {

    font-size: 24px;

    margin-bottom: 20px;

  }

  .solve-bg .div2 .p2 {

    font-size: 14px;

    line-height: 26px;

    margin-bottom: 20px;

  }

  .solve-bg .div2 .a1 {

    font-size: 14px;

  }

  .solve-pro-ev {

    border-right: none !important;

    margin-bottom: 20px;

    border-bottom: 2px solid #dedede;

    width: 95%;

    margin: 10px auto 0px;

    padding: 0px 0px;

    float: none !important;

  }

  .solve-pro-all,

  .solve-ts,

  .solve2-pro-all,

  .solve2-email,

  .solve2-kfal .div1,

  .solve2-khbz .div2,

  .email-ed,

  .solve4-xw,

  .build-ys,

  .build-al,

  .case-ppgs .div1 {

    margin-top: 20px;

  }

  .solve-ts .img1 {

    margin: 10px auto;

  }

  .solve2-khbz .div3 {

    text-align: center;

  }

  .solve2-khbz {

    border: none;

  }

  .solve2-kfal .div2,

  .email-ed .div1 {

    margin: 10px 15px;

    width: auto;

  }

  .zb-dw .div2 {

    position: static;

    margin: 30px 0px;

  }

  .solve4-hlw {

    margin-top: 30px;

  }

  .solve4-fb .p2 {

    font-size: 16px;

    line-height: 24px;

    padding-top: 20px;

  }

  .solve4-fb {

    padding: 30px 0px;

  }

  .solve4-xw .p1 {

    font-size: 20px;

  }

  .solve4-xw .p2 {

    font-size: 14px;

    line-height: 20px;

  }

  .solve4-glxq .div1 img {

    margin-top: 0;

  }

  .build-wh {

    max-width: 100%;

  }

  .build-ys .div1 {

    height: auto;

    padding-bottom: 30px;

  }

  .build-fwlc .normal {

    width: 100%;

    margin-bottom: 10px;

  }

}

@media (min-width: 767.78px) and (max-width: 991.78px) {

  .build-top .solve2-pro-ev{

    border-color: transparent;

    border-bottom: 1px solid #dadada!important;

  }

  .build-top .solve2-pro-ev:nth-child(2n+1){

    border-right: 1px solid #dadada!important;

  }

  .build-top .solve2-pro-ev:nth-child(5),.build-top .solve2-pro-ev:nth-child(6){

    border-bottom: 1px solid transparent!important;

  }

}

@media (min-width: 767.78px) and (max-width: 1199.78px) {

  .solve-pro-ev {

    border-right: 2px solid #dedede;

    margin-bottom: 20px;

  }

  .zb-pt .p1{

    font-size: 32px;

  }

  .case-img{

    padding-top: 45%;

  }

}

@media (min-width: 767.78px) {

  .solve2-kfal .div4 {

    text-align: right;

  }

}

@media (max-width: 767.78px) {

  .build-xs{

    height: auto;

  }

}

@media (max-width: 1480.78px) and (min-width: 1199.78px) {

  .s-bg .div1{

    margin-top:40%;

  }

  .fw-top-img{

    margin-top:30%;

  }

  .c-bg .div1{

    padding-top: 580px;

  }

}



/* 新闻页 */

.ny-news .news-ev .p3{

  font-size: 25px;

}

.ny-news .news-ev .p3, .ny-news .news-ev .p4{

  line-height: 1.3;

}



@media (max-width: 767.78px) {

  .ny-news .news-ev .p3{

    font-size: 18px;

  }

  .ny-news .news-ev .p4{

    font-size: 15px;

  }

  .ny-news .news-ev .p3, .ny-news .news-ev .p4{

    line-height: 1.6;

  }

}

.ny-news-nav{

  text-align: left;

  margin-bottom:30px;

}

.ny-news-nav ul li{

  display: inline-block;

  padding:10px 30px;

  color:#fe0000;

  margin-right:10px;

  border:1px solid #fe0000;

}

.ny-news-nav ul li.active{

  background:#fe0000;

}

.ny-news-nav ul li.active a{

  color:#fff;

}

.ny-news-nav ul li a{

  color:#fe0000;

  font-size: 18px;

}



/* 新闻内页 */

.ny-news{

  margin:50px auto;

}

.news-ev-ny{

  margin-bottom:2%;

  padding:20px 0 0 0;

}

.news-ev-ny:hover{

  box-shadow: 0 0 10px #ddd;

}



.ny-news-title{

  text-align: center;

}

.ny-news-title h1{

  font-size: 20px;

  font-weight: bold;

}

.ny-news-main{

  padding:50px;

}

.c-map{
  background:url(../img/map.png) no-repeat center;
  background-size: 100% 100%;
  margin-bottom:100px;
}

/* 飘窗 */
.piao{
  width:100%;
  height:100vh;
  background:rgba(0,0,0,0.5);
  position: fixed;
  top:0;
  left:0;
  z-index:998;
  display: none;
}
.piao-box{
  width:570px;
  background:url(../img/piao.png) no-repeat;
  position: fixed;
  top:35%;
  left:50%;
  padding:60px 60px 60px 90px;
  margin-left:-285px;
  /* padding:100px 100px 100px 135px; */
  color:#fff;
  z-index:999;
}
.piao .piao-box p{
  font-size: 18px;
}
.piao .piao-box h1{
  font-size: 46px;
  font-weight: bold;
}
.piao .piao-box strong{
  font-size: 20px;
  font-weight: bold;
}
.piao .piao-box ul{
  overflow: hidden;
  margin-top:20px;
}
.piao .piao-box ul li{
  float: left;
  /* width:32%; */
  width:27%;
  margin-right:2%;
  height:38px;
  line-height: 38px;
  border:1px solid #fff;
}
.piao .piao-box ul li:last-child{
  margin-right:0;
}
.piao .piao-box ul li a{
  display: block;
  color:#fff;
  font-size: 16px;
  text-align: center;
}
.piao .piao-box ul li.active{
  background:#fff;
}
.piao .piao-box ul li.active a {
  color:#ff4040;
}
.piao .piao-box a.close-btn{
  display: block;
  width:25px;
  font-size: 20px;
  position: absolute;
  top:20px;
  right:20px;
  color:#fff;
}
.piao .piao-box a.close-btn img{
  width:100%;
}

@media (max-width: 992px)  {
  .piao-box{
    width:100%;
    padding:50px 20px;
    margin-left:0;
    left:0;
    top:57%;
  }
  .piao .piao-box h1{
    font-size: 30px;
  }
  .piao .piao-box strong{
    font-size: 17px;
  }
}

/* 后来添加 */
.a-link{
  display: block;
  color:#3c3c3c !important;
}
.a-link:hover{
  color:#fff !important;
}
.qyy .a-link{
  color:#fff !important;
}
.qyy .a-link:hover{
  color:#ff4040 !important;
}

@media (min-width: 768px){
  .modal-dialog {
    width:800px !important;
  }
}